<%--
  Created by IntelliJ IDEA.
  User: 86173
  Date: 2024/6/18
  Time: 16:01
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<html>
<head>
    <title>Title</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <style>
   .form{
       margin-top: -120px;
       margin-left: 100px;
       width: 500px;
       height: 200px;

}
   .container-fluid{
       margin-top: 100px;
       width: 800px;
       height: 400px;
       box-shadow: -2px -2px 3px 7px #b3b7bb;
       position: relative;
   }
   h2{
       text-align: center;
       margin-top: 50px;
       width: 100%;
       margin-left: 150px;
       color: white;
   }
    .btn{
        margin-left: 50px;
        width: 70px;
        height: 30px;
    }
    #submitBtn{
        width: 100px;
    }
    .btn-block{
        background: #80bdff;
    }
 .row{
     width: 500px;
     height: 500px;
     position: absolute;
     margin-top: -430px;
     margin-left: 60px;
 }
    </style>
</head>
<body >
    <div>${requestScope.errMsg}</div>
<div class="container-fluid" >
    <img src="QQ图片20240619173325.jpg "style="background-size: cover" width="100%"height="100% " >
    <div class="row">
        <h2>欢迎来到图书管理系统</h2>
        <div class="form" >
            <form action="account.do?operate=login" method="post" class="form-horizontal" id="loginForm">
            <div class="form-group">
                <label for="inputEmail3" class="col-sm-10 col-form-label">用户名</label>
                <div class="col-sm-40">
                    <input type="text" class="form-control" id="inputEmail3" name="account_name" placeholder="请输入用户名">
                </div>
            </div>
                <div class="form-group">
                    <label for="inputPassword3" class="col-sm-4 col-form-label">密码</label>
                    <div class="col-sm-40">
                        <input type="password" class="form-control" id="inputPassword3" name="account_password"
                               placeholder="请输入密码">
                    </div>
                </div>
                

                <div class="btn">
                    <div class="col-sm-8 col-sm-offset-20">
                        <button type="submit" class=" btn-block" id="submitBtn" style="width: 200px;
                        margin-left: 25px;margin-top:30px;height: 40px " >
                               登录</button>
                   </div>
              </div>
            </form>
        </div>
    </div>
</div>
</body>
</html>
